@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:12px;font-family:Arial, verdana, Tahoma, Helvetica, sans-serif;color:#333;background:url(images/content_bg.png) repeat 0 0 #fff;}
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, img{margin:0;padding:0;}
ul, ol, li, dl, dt, dd{list-style:none;}
input, select, option {font-family:Arial, verdana, Tahoma, Helvetica, sans-serif;font-size:11px;margin:0;}
img{border:0px;}
a, a:link{color:#1c62b9;text-decoration:none;}
a:hover{color:#1c62b9;text-decoration:underline;}

/*==== Share ====*/
.clear{clear:both;}
.clearfix{clear:both;font-size:0;height:0;line-height:0;}
.fl{float:left;}
.fr{float:right;}

.t_red {color:#e72c23;}
.content-body-genre{color:green; cursor:auto;}
.content-body-genre a{color:#5588BB}

a.btn_vp_down {display:block; width:100px; height:24px; overflow:hidden; text-indent:-9999px; background:url(images/btn_img.png) no-repeat 0 0;}
a.btn_vp_down:hover {background-position:-125px 0;}

/*--Pageing--*/
.pageing{padding:10px 20px; text-align:right; font-size:11px;}
.pageing a{text-decoration:none; color:#333; border:1px solid #BBB; display:inline-block; line-height:25px; height:25px; background:url(images/css_img.png) no-repeat -270px top; cursor:pointer; min-width:28px; _width:28px; text-align:center;}
a.pageing-forbid{color:#AAA; cursor:auto;}
a.pageing-now{background:#DDD; font-weight:bold; cursor:auto;}
a.pageing-next,a.pageing-previous{width:auto; padding:0 10px;}

/*==== header ====*/
#pagr_top {background:url(images/repeat_img.png) repeat-x left top;}
.header-top{color:white; height:30px; padding:0 15px; margin:0 auto;}
.header-top-user{float:right; margin-right:10px; line-height:24px;}
.header-top-user a{margin:auto 5px; color:#fff;  text-decoration:underline}
.header-top-user a:hover{text-decoration:underline;color:#fff;}
.header_top_nav {height:30px; display:block;}
.header_top_nav li {float:left; padding:0 4px 0 2px; background:url(images/heaader_topNav_line.png) no-repeat right top;}
.header_top_nav li a {color:#c1e0a3; line-height:26px; height:28px; padding:0 8px; text-align:center;}
.header_top_nav li a:hover {text-decoration:underline;color:#c1e0a3;}
.header_top_nav li a.current {color:#fff; font-weight:bold;}

.noscript{ text-align:center; line-height:20px; color:red}

#header {background-color:#fff;}
.header-container{width:980px; margin:auto; padding:15px 0 15px 0;}
.logo-video-box{float:left; width:150px; height:42px; background:url(images/css-img.png) no-repeat 7px -285px; overflow:hidden;}
.logo-music-box{float:left; width:150px; height:42px; background:url(images/css-img.png) no-repeat -176px -285px; overflow:hidden;}
.logo-video-box a,.logo-music-box a{ text-indent:-10000px; display:block; height:100%; }

/*--top search--*/
.search-video-box{float:left; width:600px; height:35px;position:relative; padding:5px 0 0 70px;}
input.search-video-input{padding:0 10px; width:463px; height:32px; line-height:30px; font-size:16px; border:solid 1px #b6b6b6; background:url(images/search_solid.gif) repeat-x left top #fff; color:#666; float:left;}
input.search-video-input:hover {border:solid 1px #67a82c;}
input.search-video-input:focus {border:solid 1px #67a82c;box-shadow:0;}
.search-video-button{background:url(images/page_img.png) no-repeat 0 0; width:80px; height:34px; margin-left:5px; overflow:hidden; text-indent:-9999px; border:0; vertical-align:middle; cursor:pointer; float:left;}
.search-video-button:hover { background-position:-90px 0;}

/*--search menu--*/
.drop-menu-box{position:absolute; background:white; border:1px solid #CCC; display:none;}
.drop-menu-box li{padding:0 10px; line-height:20px;}
.drop-menu-box li:hover{color:white; background:#888}

.header-search-container-drop-down{width:99%;font-size:16px;}
.header-search-container-drop-down li{padding:0 10px; line-height:25px; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.header-search-container-drop-down li span{color:#333; font-weight:bold;}
input.header-search-input{width:400px; height:36px; line-height:36px; padding:0 10px; font-size:16px; background:url(images/css-img.png) no-repeat right -260px; border:none; z-index:100; vertical-align:text-bottom; padding-right:50px;}

/*--main--*/
#main {width:980px; margin:10px auto; background:#fff;}
#cont_760 {float:right; width:760px;}
#side_220 {float:left; width:220px;}

#mp_top_box {background:url(images/repeat_img.png) repeat-x 0 -250px #2e2b33;}
#mp_top_box .mp_cont {width:980px; height:70px; margin:0 auto;}
#mp_top_box .mp_video_info {float:left; padding-top:10px;}
#mp_top_box .mp_video_info .img {float:left; padding-right:10px;}
#mp_top_box .mp_video_info .info {float:left; color:#fff;}
#mp_top_box .mp_video_info .name {font-size:14px; font-weight:normal; padding:2px 0;}
#mp_top_box .mp_video_info dd {font-size:11px;}
#mp_top_box .mp_video_info dd a {color:green;}
#mp_top_box .mp_video_btn {float:right;}
#mp_top_box .mp_video_btn li {float:left; padding:20px 10px 0 10px}

#main_play {background:url(images/mp_bg.png) repeat-x 0 0 #2e2b33; padding:15px 0;}
#main_play .mp_box {width:980px; margin:0 auto;}
#main_play_y {background:#2e2b33; position:relative;}
#main_play_y .mp_top { display:block; position:absolute; top:0; left:0; width:100%; height:10px; background:url(images/mp_bg.png) repeat-x 0 0;}
#main_play_y .mp_bottom { display:block; position:absolute; bottom:0; left:0; width:100%; height:10px; background:url(images/mp_bg2.png) repeat-x 0 -5px;}
.mp_play_hulu {background:url(images/hulu_jm.png) no-repeat center 20px #2e2b33; padding:20px; height:550px;}
.mp_play_hulu .mp_play_btnLink { width:360px; height:47px; margin:220px auto;}
.mp_play_hulu .mp_play_btnLink a {display:block; background:url(images/btn_hulu.png) no-repeat 0 0; width:340px; height:35px; padding:12px 0 0 20px; font-size:18px; text-decoration:underline; color:#fff;}
.mp_play_hulu .mp_play_btnLink a:hover {background-position:0 -67px;}

#mp_other_main {width:980px; margin:0 auto; padding:20px 0;}
.mr_box{position:relative; overflow:hidden; background:url(images/hr_bg980.png) no-repeat center -10px; padding:0 0 20px 0;}
.mr_box h2 {font-size:18px; font-weight:normal; height:50px; line-height:40px; padding:0 10px;}
.mr_box .move-box {position:absolute; right:0; top:0;}
.mr_box .slide_content {width:10000px;}
.mr_box li {float: left;margin: 10px 40px 10px 10px;width: 150px;}

.comments_box {background:url(images/hr_bg980.png) no-repeat center -10px; padding:0 0 20px 0;}
.comments_box h2 {font-size:18px; font-weight:normal; height:50px; line-height:40px; padding:0 10px;}

.video_item .item-img {width:145px; height:90px; overflow:hidden; position:relative;}
.video_item .item-img a {width:145px; height:90px; overflow:hidden; display:block; background:#000; text-align:center;}
.video_item .item-img a.pt5 {height:85px; padding-top:5px;}
.video_item .item-img span {display:block; position:absolute; right:0; bottom:0; background-color:#000; padding:2px 5px; color:#fff;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.video_item .item-title { font-size:12px; line-height:12px; padding:5px 0; font-weight:normal;}
.video_item .item-other {font-size:11px; color:#888;}

/*--Move Ico--*/
.move-box{height:28px; line-height:28px; font-weight:lighter; width:150px; font-size:12px; text-align:right; padding-right:55px;}
.move-box span{ display:inline-block; vertical-align:middle}
.move-left-ico{width:31px; height:28px; background:url(images/css_img.png) no-repeat -340px -80px; margin-left:10px;}
.move-left{cursor:pointer; background:url(images/css_img.png) no-repeat -270px -80px}
.move-left:active{cursor:pointer; background:url(images/css_img.png) no-repeat -410px -80px}
.move-right-ico{width:31px; height:28px; background:url(images/css_img.png) no-repeat -371px -80px}
.move-right{cursor:pointer; background:url(images/css_img.png) no-repeat -301px -80px}
.move-right:active{cursor:pointer; background:url(images/css_img.png) no-repeat -442px -80px;}
span.move-num{ vertical-align:top}
a.move_more {display:block; width:52px; height:28px; overflow:hidden; text-indent:-9999px; background:url(images/btn_img.png) no-repeat 0 -40px; position:absolute; top:1px; right:0;}
a.move_more:hover {background-position:-61px -40px;}

.popup-box-close{width:20px; height:20px; position:absolute; top:5px; right:5px; cursor:pointer; background:url(images/css-img.png) no-repeat -140px -51px}

/*-------------------- Download alert Start --------------------*/
.donwolad-alert{width:680px; min-height:370px; position:absolute; box-shadow:0 0 5px rgba(0,0,0,0.5); background:white url(images/download-alert-bg.png) no-repeat left top; line-height:150%; font-size:12px; top:40%; left:30%}
.donwolad-alert.down_bg2 {background:white url(images/download-alert-bg2.png) no-repeat left top;min-height:290px;height:290px;}
.donwolad-alert .left .ytb-button-content,.donwolad-alert .right .ytb-button-content{ position:absolute; top:50px}
.donwolad-alert .left .ytb-button-content{margin-left:123px;}
.donwolad-alert .right .ytb-button-content{margin-left:20px;}
.donwolad-alert .left span.download-ico{background:url(images/css-img.png) no-repeat -584px -796px}
.donwolad-alert .ytb-button-a,.donwolad-alert .ytb-button-b{font-size:14px}
.donwolad-alert .alert-title{height:96px;}
.donwolad-alert .alert-content{margin:10px auto;}
.donwolad-alert.down_bg2 .alert-content {padding:140px 0 0 200px;}
.donwolad-alert.down_bg2 .alert-content h3 {font-size:36px; color:#59a00d; line-height:44px; font-weight:normal;}
.donwolad-alert.down_bg2 .alert-content h4 {font-size:24px; line-height:26px; font-weight:normal;}
.donwolad-alert .alert-content .left{margin:auto; padding:0; position:absolute; width:355px; top:227px;}
.donwolad-alert .alert-content .right{margin:auto; padding:0 30px; position:absolute; width:260px; left:355px; top:227px;}
.donwolad-alert .alert-content p{margin:20px auto;}
.donwolad-alert .alert-content a{text-decoration:underline; color:#1c62b9;}
.donwolad-alert .alert-content a.strong{ margin:auto 10px;}
.donwolad-alert input[type=checkbox]{vertical-align:text-bottom; margin-right:5px}
.donwolad-alert h4{font-weight:bold; font-size:14px; line-height:37px}
.donwolad-alert .dl-button{background:url(images/css-img-fill.png) repeat-x left -110px; color:white; padding:5px 10px; border:1px solid #63A526; display:inline-block; _display:inline; _zoom:1; cursor:pointer; margin:10px auto; box-shadow:2px 2px 2px #AAAAAA; position:absolute; right:19px; top:55px;}
.donwolad-alert .dl-button a{color:white; text-decoration:none!important}
.donwolad-alert .dl-submit{border:1px solid #AAA; background:url(images/css-img-fill.png) repeat-x left -160px; padding:5px 10px; margin:10px auto; width:150px; text-align:center; color:#666; position:absolute; right:0; top:-16px;}
.donwolad-alert .dl-submit:hover{color:#333}
.donwolad-alert button.dl-submit-dis{color:gray; cursor:auto; border:1px solid #DDD}
.donwolad-alert button.dl-submit-dis:hover{color:gray!important; cursor:auto; border:1px solid #DDD}
.donwolad-alert .alert-buttom{ position:relative}
.donwolad-alert a.download-ico{margin-left:42px; display:inline-block; _display:inline; _zoom:1; background:url(images/css-img.png) no-repeat -530px -275px; padding-left:50px; width:180px; line-height:50px; height:50px;}
.alert-opacity-bg{background:url(images/alert-opacity-bg.png) repeat left top; z-index:1000; position:absolute; left:0; top:0}

.ytb-button-disabled .download-ico{background:url(images/css-img.png) no-repeat -570px -53px!important;}

.donwolad-alert .popup-box-close{background:url(images/css-img.png) no-repeat -585px -460px}
/*-------------------- Download alert End --------------------*/

/*--Footer--*/
#footer{margin:auto; text-align:center; background-color:#8fc062;}
#footer .f_search { width:100%;background:url(images/repeat_img.png) repeat-x 0 -170px #8fc062; height:45px;}
#footer-search-box{width:420px; height:30px; margin:0 auto; line-height:30px; padding:5px 0 0 0; position:relative;}
input.footer-search-input{width:398px; height:30px; font-size:14px; line-height:30px; padding:0 5px;border:solid 1px #b6b6b6; background:url(images/search_solid.gif) repeat-x left top #fff; color:#666;}
button.footer-search-button{text-indent:-10000px; width:48px; height:31px; vertical-align:text-bottom; border:none; background:url(images/css-img.png) no-repeat scroll -320px -45px transparent; position:absolute; right:0px; top:5px; cursor:pointer;}
.footer-search-drop-down-box{top:30px; width:100%;}
.footer-search-drop-down-box li{padding:0 10px}
.footer-container{padding:20px 0;}
.footer-content{ width:980px; margin:auto; text-align:center; color:white;}
.footer-content a{display:inline-block; margin:auto 10px; color:white; font-weight:bold;}
.footer-copyright{margin:5px;}